// 分类模块
import { topCategory } from "@/api/constants"
import { findAllCategory } from "@/api/category"
export default {
    namespaced: true,
    state() {
        return {
            // 分类信息集合
            // 如果默认是[]数组，看不见默认的9个分类，等你数据加载完毕才会看到。
            // 所以：根据常量数据来生成一个默认的顶级分类数据，不会出现空白（没数据的情况）
            list: topCategory.map(item => ({ name: item }))
        }
    },
    // 加载数据成功后需要修改list所以需要mutations函数
    mutations: {
        // 设置数据
        setList(state, headCategory) {
            state.list = headCategory
        },
        // 修改当前一级分类下的open数据为true
        show(state, id) {
            const currentCategory = state.list.find((item) => item.id === id);
            currentCategory.open = true
        },
        hide(state, id) {
            const currentCategory = state.list.find((item) => item.id === id);
            currentCategory.open = false
        },
    },
    // 需要向后台加载数据，所以需要actions函数获取数据
    actions: {
        async getList({ commit }) {// 获取数据
            const { result } = await findAllCategory();
            result.forEach(element => {//挂载显示隐藏的属性open
                element.open = false
            });
            commit('setList', result)
        }
    }
}